import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/table',
      name: 'table',
      component: () => import('@/views/DataTable.vue'),
    },
    {
      path: '/table1',
      name: 'table1',
      component: () => import('@/views/DataTable1.vue'),
    },
    {
      path: '/table2',
      name: 'table2',
      component: () => import('@/views/DataTable2.vue'),
    },
    {
      path: '/table3',
      name: 'table3',
      component: () => import('@/views/DataTable3.vue'),
    },
    {
      path: '/from',
      name: 'from',
      component: () => import('@/views/UserForm.vue'),
    },
    {
      path: '/about',
      name: 'about',
      component: () => import('@/views/AboutView.vue'),
    },
  ],
})

export default router
